a.header {
  text-decoration: none;
}

a:visited {
  color: blue;
}

body {
  background-color: #EFFBEF;
  font-family: Helvetica, Arial, sans-serif;
  margin-left: 5%;
  margin-right: 5%;
}

div.header {
  padding: 20px;
  width: 100%;
}

input.long {
  width: 70%;
}

input.deleteLocation {
  vertical-align: middle;
  text-align: center;
  padding-top: 100px;
  height: 200px;
  width: 150px;
  background-color: white;
  background-image: url('../img/delete.png');
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #006;
  cursor: pointer;
}

input.deleteLocation:hover {
  border: 1px solid #f00;
}

input.newLocation {
  vertical-align: middle;
  text-align: center;
  padding-top: 130px;
  height: 150px;
  width: 150px;
  background-color: white;
  background-image: url('../img/new.png');
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #006;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

input.newLocation:hover {
  border: 1px solid green;
}

input.modifyLocation {
  vertical-align: middle;
  text-align: center;
  padding-top: 130px;
  height: 150px;
  width: 150px;
  background-color: white;
  background-image: url('../img/edit.png');
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #006;
  cursor: pointer;
  margin-left: 10%;
  display: block;
}

input.modifyLocation:hover {
  border: 1px solid blue;
}

input.newActivity {
  vertical-align: middle;
  text-align: center;
  padding-top: 50px;
  height: 70px;
  width: 150px;
  background-color: white;
  background-image: url('../img/addactivity.png');
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #006;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

input.newActivity:hover {
  border: 1px solid green;
}

div.newLocActivityInfo {
  width: 100%;
  margin-top: 30px;
  margin-left: 0%;
  min-height: 100px;
}

div.left {
  margin-top: 10px;
  float: left;
  min-height: 100px;
}

div.right {
  margin-top: 10px;
  float: right;
  margin-right: 20%;
  min-height: 100px;
}

div.navigation {
  background-color: #FBFBEF;
  float: left;
  padding: 1%;
  width: 25%;
  border: 1px solid #666666;
}

div.navigation ul {
  list-style: none;
}

div.navigation ul li a {
  display: block;
  border-bottom: 1px dashed #C39C4E;
  padding: 10px 0px 5px 4px;
  text-decoration: none;
  color: #666666;
  width: 90%;
}

div.navigation ul li a:hover, #vertmenu ul li a:focus {
  color: #000000;
  background-color: #eeeeee;
}

div.body {
  background-color: #EFF5FB;
  float: right;
  padding: 1%;
  width: 70%;
  border: 1px solid #666666;
}

div.footer {
  clear: left;
  padding: 10px;
  text-align: center;
  width: 100%;
}

h1, h2 {
  color: #B40404;
  text-align: center;
}

h3, h4 {
  color: #B40404;
}

div.logout, div.login {
  margin-top: 20%;
  margin-bottom: 30%;
  margin-left: 30%;
  border: 1px solid #666666;
  width: 40%;
  text-align: center;
  padding: 10px;
}

label.login {
  width: 200px;
  text-align: right;
  display: block;
  float: left;
  color: #1C1C1C;
}

p.error {
  color: red;
}

div.expireWarning {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F2F5A9;
  text-align: center;
  height: 30px;
  padding-top: 5px;
}

p.noteLogin {
  color: #0080FF;
  text-decoration: underline;
  cursor:pointer;
}

p.info {
  cursor:pointer;
  color: #0174DF;
  background: #D0F5A9;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #0B610B;
  text-align: center;
  padding: 10px;
}

div.modifyLocation {
  width: 100%;
}

div.locationList {
  float: left;
  width: 25%;
}

div.locationDetails {
  float: right;
  width: 75%;
}

div.simpleDetails {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

div.equipDetails {
  float: right;
  width: 50%;
}

form.newLoc label {
  width: 150px;
  float: left;
  text-align: right;
  display: block;
  margin-right: 15px;
}

form.modLoc label {
  width: 100px;
  float: left;
  text-align: right;
  display: block;
  margin-right: 15px;
}

.note {
  position:absolute;
  width:20%;
  top: 15%;
  left: 75%;
  padding:1em 1.5em;
  margin:2em auto;
  background:#D0F5A9;
  overflow:hidden;
}

p.footer {
  color: grey;
  font-size: small;
}

select.locationList, select.equipmentList {
  background-color: #8A4B08;
  color: white;
  margin-left: 20px;
  min-width: 150px;
}

/* Buttons */
.buttons a, .buttons button{
  display:block;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  margin-left: 40%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px;
}
.buttons button{
  width:auto;
  overflow:visible;
}

.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* Standard */
button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
button.positive, .buttons a.positive{
  color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
.buttons a.negative, button.negative{
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.buttons a.negative:active{
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* Regular */
button.regular, .buttons a.regular{
  color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a.regular:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}